@charset "utf-8";
/*css reset code */
html {overflow-x:hidden; height:100%; position:relative}
.slick-hero-slider .ba100 { background:#1e2f41 url("../images/index_banner.jpg") bottom center no-repeat; z-index:9; 
}
.slick-hero-slider .ba200 { background:#1e2f41 url("../images/banner14.jpg") bottom center no-repeat; z-index:9; 
}
.slick-hero-slider .ba300 { background:#1e2f41 url("../images/banner15.jpg") bottom center no-repeat; z-index:9; 
}
.slick-hero-slider .ba800 { background:#1e2f41 url("../images/ba800.jpg") bottom center no-repeat; z-index:9; 
}

.ba100 .Network { }
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/****  文字大小初始化,使1em=10px *****/
body {
	height:100%; 
	position:relative;
	font-family:"microsoft yahei";
    font-size: 12px;
	min-width:1200px;
	background:#fff;

} /* for IE/Win */
@media only screen and ( max-device-width : 1200px) {
  body { max-width:1200px;}
}
html>body {} /* for everything else */
/*字体边框等初始化*/
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;font-weight:100;}
input,textarea { font-size:14px; color:#555; font-family:"microsoft yahei";}
table {border-collapse: collapse; border-spacing: 0; }
fieldset,img {border: 0px;}
address,caption,cite,code,dfn,th,var,em,i {font-weight: normal;font-style: normal; }
ol,ul {list-style-image: none;list-style:none; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%;font-weight:100;}
q:before,q:after { content:''; }
abbr,acronym { border: 0;}
img{ margin:0px; padding:0px; }
a {text-decoration:none;color:#333;outline:none;}
a:active {star:expression(this.onFocus=this.blur());} 
.clearfix{*zoom:1}
.clearfix:after{display:block;clear:both;content:"\0020";visibility:hidden;height:0}
.global-wrap{position:relative;min-height:100%;clear:both}
.ielt7 .global-wrap{height:100%}
/* my通用样式 */
.fl {float:left;}
.fr {float:right;}
.abs{position:absolute;}
.rel{position:relative;}
.center{margin:0px auto;}
.cli { overflow:hidden;}
.flex2 { width:1366px; margin:0 auto; overflow:hidden;} 
.flex{ width:1200px;margin:0 auto; overflow:hidden;}
.flex3 { width:1280px; margin:0 auto; overflow:hidden;} 
.yfont { color:#1a73ee;}
.bfont { color:#13bfd9;}
.lfont { color:#6db005;}
.pfont { color:#f9607e;}
.gfont { color:#999;} 
.fred { color:#d71a11;}
.mt5 { margin-top:5px;}
.mt15 { margin-top:15px; }
.ml0 { margin-left:0px !important;}
.ml10 { margin-left:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px !important;}
.pd25 { padding-top:25px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.b0 { border:none !important;}
.bg0 { background:none !important;}
.cli { overflow:hidden;}
.tb-box { overflow: hidden;}
.tb-box img{-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;display: block;}
.tb-box:hover img {transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-moz-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-o-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
/************************/
body{max-width: 100%;}
#space{width: 100%;z-index:19;position: relative;}
/**公用*******/
.banner { background:url("../images/loadz.gif") center no-repeat; }
/********************************/
.logo-r { position:absolute; left:250px; top:30px; height:46px;  width:199px; background:url("../images/logo-tel.png") no-repeat;background-size: auto 46px;z-index:2; }
.kj-head { position:absolute; left:0; top:0; width:100%;}
.kj-head .navfix { background:none; box-shadow:none; border-bottom:1px solid rgba(255,255,255,0.25) }
.kj-nav a { color:#fff;}
.navfix .talk-a{ color:#f95360}  
.ben_vo { position:absolute; height:100%; width:100%; left:0; top:-11vh;}
.ben_vo .bg{content: '';display: block;width: 100%;height: 200%;position: absolute;top: 0;left: 0;background: url(../images/bg.png) repeat;z-index: 1;}

   /*头部样式*/ 
   
.slide-ts{position:relative;}
.slide-ts .swiper-container-autoheight .swiper-slide {}
.z-box{position:relative; z-index:20; background:#fff;}
.hd-bg{ position:absolute; left:0; top:0; height:100px; width:100%; z-index:30;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear; /*-webkit-box-shadow:1px 1px 1px #ddd;-ms-box-shadow:1px 1px 1px #ddd;box-shadow:1px 1px 1px #ddd;*/}
.navfix{background:#fff; -webkit-box-shadow:1px 1px 1px #ddd;-ms-box-shadow:1px 1px 1px #ddd;box-shadow:1px 1px 1px #ddd;}
.navfix .logo{background:url("../images/logo2.png") left center no-repeat; background-size:auto 53px; -webkit-background-size:auto 53px; -ms-background-size:auto 53px;}
.navfix .talk-a,.navfix .menu-hov,.navfix .menu-nav a{color:#232e3a;}
.navfix .nav-icon,.navfix .nav-icon:before,.navfix .nav-icon:after{background:#232e3a;}
.navfix .menu-box{border:1px solid #666; }
/**************/
.head{height:100px; width:90%; position:relative;}
.logo{ position:absolute; top:24px; left:0; float:left; height:53px; width:230px; background:url("../images/logo1.png") left center no-repeat;}
.nav{float:right; height:84px;}
.nav .navlev{position:relative; float:left; font-size:16px; margin:0 0 0 25px; color:#fff; line-height:84px; height:86px;}
.nav .navlev a{color:#333; display:block;padding:0 10px;}
.ny_head .navfix{ position:relative; z-index:100;}
.kj-nav { float:right;  margin:0px 30px 0 0; font-size:16px; height:100px;line-height:100px; z-index:100; position:relative }
.kj-nav a { padding:0 25px;}
.kj-nav a:hover { }
.kj-nav li.hover:after {}
.kj-nav li.hover a { }

.mynav ul{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; padding: 0;}
.mynav a{display: block; font-size: 20px; text-decoration: none; position:relative; z-index:97}
.mynav li:not(:last-child) {margin-right: 20px;}
.target{position: absolute; border-bottom: 4px solid transparent;  -webkit-transform: translate(-60px,0px); transform: translate(-60px,0px); z-index:96; height:0px !important; margin-top:97px;}
.mynav a,.target{-webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out;}
.kj-nav .hover {/* border-bottom:4px solid gold;*/ height:97px; line-height:97px;}
.kj-nav li.abc1 { border:none;  }
.kj-nav .navlev {}
.kj-nav .navlev .lev2{position:absolute; left:0; top:100px; height:80px; z-index:1000; padding-top:5px; text-align:center; padding:6px 0; background: rgba(82,74,71,.5);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);filter: scale(0);filter: transform;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;opacity: 0;}
.kj-nav .navlev:hover .lev2{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);filter: scale(1);filter: transform;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;cursor: pointer;
opacity: 1;}
.kj-nav .navlev .lev2 a{ float:left; width:100px;font-size:14px; line-height:30px; color:#fff; padding:0;}
.kj-nav .navlev .lev2 a:hover{ color:#1a73ee;}
/*************/
.kj-nav .navlev .tbnav1 { width:700px; left:-65px;}
.kj-nav .navlev .tbnav2 { width:400px; left:15px;}
.kj-nav .navlev .tbnav3 { width:300px; left:225px;}
.kj-nav .navlev .tbnav4 { width:400px; left:235px;}
.kj-nav .navlev .tbnav5 { width:200px; left:445px;}
.kj-nav .navlev .lev2 a div{ width:32px; height:38px; display:block; margin:0 auto; margin-top:10px;}
.kj-nav .navlev .tbnav1 .icon-c1 { background:url("../images/service/con1.png") center no-repeat; background-size: auto 32px;}
.kj-nav .navlev .tbnav1 .icon-c2 { background:url("../images/service/con2.png") center no-repeat; background-size: auto 32px;}
.kj-nav .navlev .tbnav1 .icon-c3 { background:url("../images/service/con3.png") center no-repeat; background-size: auto 32px;}
.kj-nav .navlev .tbnav1 .icon-c4 { background:url("../images/service/con4.png") center no-repeat; background-size: auto 32px;}
.kj-nav .navlev .tbnav1 .icon-c5 { background:url("../images/service/con5.png") center no-repeat; background-size: auto 32px;}
.kj-nav .navlev .tbnav1 .icon-c6 { background:url("../images/service/con6.png") center no-repeat; background-size: auto 32px;}
.kj-nav .navlev .tbnav1 .icon-c7 { background:url("../images/service/con7.png") center no-repeat; background-size: auto 32px;}







.kj-nav .navlev .tbnav2 .icon-c1 { background:url("../images/tb-zz1.png") no-repeat;}
.kj-nav .navlev .tbnav2 .icon-c2 { background:url("../images/tb-zz2.png") no-repeat;}
.kj-nav .navlev .tbnav2 .icon-c3 { background:url("../images/tb-zz3.png") no-repeat;}
.kj-nav .navlev .tbnav2 .icon-c4 { background:url("../images/tb-zz4.png") no-repeat;}
.kj-nav .navlev .tbnav3 .icon-c1 { background:url("../images/tb-zz5.png") no-repeat;}
.kj-nav .navlev .tbnav3 .icon-c2 { background:url("../images/tb-zz6.png") no-repeat;}
.kj-nav .navlev .tbnav3 .icon-c3 { background:url("../images/tb-zz7.png") no-repeat;}

.kj-nav .navlev .tbnav4 .icon-c1 { background:url("../images/tb-zz8.png") no-repeat;}
.kj-nav .navlev .tbnav4 .icon-c2 { background:url("../images/tb-zz9.png") no-repeat;}
.kj-nav .navlev .tbnav4 .icon-c3 { background:url("../images/tb-zz10.png") no-repeat;}
.kj-nav .navlev .tbnav4 .icon-c4 { background:url("../images/tb-zz11.png") no-repeat;}
.kj-nav .navlev .tbnav5 .icon-c1 { background:url("../images/tb-zz12.png") no-repeat;}
.kj-nav .navlev .tbnav5 .icon-c2 { background:url("../images/tb-zz13.png") no-repeat;}

/*******************/

.kj-nav .navlev .tbnav1 a:hover .icon-c1 { background:url("../images/service/conz1.png") no-repeat;  background-size: auto 32px; }
.kj-nav .navlev .tbnav1 a:hover .icon-c2 { background:url("../images/service/conz2.png") no-repeat;  background-size: auto 32px; }
.kj-nav .navlev .tbnav1 a:hover .icon-c3 { background:url("../images/service/conz3.png") no-repeat;  background-size: auto 32px; }
.kj-nav .navlev .tbnav1 a:hover .icon-c4 { background:url("../images/service/conz4.png") no-repeat;  background-size: auto 32px; }
.kj-nav .navlev .tbnav1 a:hover .icon-c5 { background:url("../images/service/conz5.png") no-repeat;  background-size: auto 32px; }
.kj-nav .navlev .tbnav1 a:hover .icon-c6 { background:url("../images/service/conz6.png") no-repeat;  background-size: auto 32px; }
.kj-nav .navlev .tbnav1 a:hover .icon-c7 { background:url("../images/service/conz7.png") no-repeat;  background-size: auto 32px; }





.kj-nav .navlev .tbnav2 a:hover .icon-c1{ background:url("../images/tb-zy1.png") no-repeat;}
.kj-nav .navlev .tbnav2 a:hover .icon-c2{ background:url("../images/tb-zy2.png") no-repeat;}
.kj-nav .navlev .tbnav2 a:hover .icon-c3{ background:url("../images/tb-zy3.png") no-repeat;}
.kj-nav .navlev .tbnav2 a:hover .icon-c4{ background:url("../images/tb-zy4.png") no-repeat;}
.kj-nav .navlev .tbnav3 a:hover .icon-c1{ background:url("../images/tb-zy5.png") no-repeat;}
.kj-nav .navlev .tbnav3 a:hover .icon-c2 { background:url("../images/tb-zy6.png") no-repeat;}
.kj-nav .navlev .tbnav3 a:hover .icon-c3 { background:url("../images/tb-zy7.png") no-repeat;}

.kj-nav .navlev .tbnav4 a:hover .icon-c1 { background:url("../images/tb-zy8.png") no-repeat;}
.kj-nav .navlev .tbnav4 a:hover .icon-c2 { background:url("../images/tb-zy9.png") no-repeat;}
.kj-nav .navlev .tbnav4 a:hover .icon-c3 { background:url("../images/tb-zy10.png") no-repeat;}
.kj-nav .navlev .tbnav4 a:hover .icon-c4 { background:url("../images/tb-zy11.png") no-repeat;}
.kj-nav .navlev .tbnav5 a:hover .icon-c1 { background:url("../images/tb-zy12.png") no-repeat;}
.kj-nav .navlev .tbnav5 a:hover .icon-c2{ background:url("../images/tb-zy13.png") no-repeat;}
.kj-nav .navlev .tbnav2 .icon-c1,.kj-nav .navlev .tbnav2 .icon-c2,.kj-nav .navlev .tbnav2 .icon-c3,.kj-nav .navlev .tbnav2 .icon-c4,.kj-nav .navlev .tbnav3 .icon-c1,.kj-nav .navlev .tbnav3 .icon-c2,.kj-nav .navlev .tbnav3 .icon-c3,.kj-nav .navlev .tbnav4 .icon-c1,.kj-nav .navlev .tbnav4 .icon-c2,.kj-nav .navlev .tbnav4 .icon-c3,.kj-nav .navlev .tbnav4 .icon-c4,.kj-nav .navlev .tbnav5 .icon-c1,.kj-nav .navlev .tbnav5 .icon-c2,.kj-nav .navlev .tbnav1 .icon-c1,.kj-nav .navlev .tbnav1 .icon-c2,.kj-nav .navlev .tbnav1 .icon-c3,.kj-nav .navlev .tbnav1 .icon-c4{ background-size:32px 32px; -webkit-background-size:32px 32px; -ms-background-size:32px 32px; }
.kj-nav .navlev .tbnav1 a:hover .icon-c1,.kj-nav .navlev .tbnav1 a:hover .icon-c2,.kj-nav .navlev .tbnav1 a:hover .icon-c3,.kj-nav .navlev .tbnav1 a:hover .icon-c4,.kj-nav .navlev .tbnav2 a:hover .icon-c1,.kj-nav .navlev .tbnav2 a:hover .icon-c2,.kj-nav .navlev .tbnav2 a:hover .icon-c3,.kj-nav .navlev .tbnav2 a:hover .icon-c4,.kj-nav .navlev .tbnav3 a:hover .icon-c1,.kj-nav .navlev .tbnav3 a:hover .icon-c2,.kj-nav .navlev .tbnav3 a:hover .icon-c3,.kj-nav .navlev .tbnav4 a:hover .icon-c1,
.kj-nav .navlev .tbnav4 a:hover .icon-c2,.kj-nav .navlev .tbnav4 a:hover .icon-c3,.kj-nav .navlev .tbnav4 a:hover .icon-c4,.kj-nav .navlev .tbnav5 a:hover .icon-c1,.kj-nav .navlev .tbnav5 a:hover .icon-c2{ background-size:32px 32px; -webkit-background-size:32px 32px; -ms-background-size:32px 32px; }
.white-bg { background:#fff; margin-top:50px; padding-bottom:50px; position:relative;}
.w-box6 { background:#fff; padding-bottom:50px;}
/***客服底部**/
.bottom_form{width:100%;height:0px;position: fixed;bottom:0;left:0;background:rgba(0,0,0,0.7);color:#fdd100;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;z-index:99;}
.bottom_form .b_f_box{width:1200px;height:80px;margin:auto;position: relative;}
.b_f_left{width:240px;float:left;font-size:18px; line-height:30px; margin-top:10px;}
.b_f_left span{display:block;font-size:28px;}
.b_f_left i{position: relative;}
.b_f_center{width:600px;height:80px;float:left;}
.b_f_center i{display:inline-block;width:61px;height:100%;background:url(../images/fixed_hand.png) no-repeat left center;animation:trans 1s linear infinite;float:left;}
@keyframes trans{0%{transform:translateX(-10px);}100%{transform:translateX(-20px);}}
.b_f_center input{font-family: "微软雅黑", "arial";}
.b_f_center .form_left{float:left;height:55px; padding-top:5px;margin-top:10px;border:1px solid #fdd100;width:460px;text-align:center;margin-right:10px;}
.b_f_center .form_left p span{margin:0 5px;font-weight:bold;}
.b_f_center .form_left input{height:32px;line-height:32px;color:#333;padding:0 10px; width:125px;font-size:12px; border:none;}

.b_f_center .form_left input::-webkit-input-placeholder{
            color:#333;
        }
.b_f_center .form_left input::placeholder{   /* Mozilla Firefox 19+ */
           color:#333;
        }

.b_f_center .form_left input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
          color:#333;
        }

.b_f_center .form_right{height:60px;margin-top:10px;width:60px;line-height:60px;border:1px solid #fdd100;float:left;text-align:center;}
.b_f_center .form_right input{width:56px;height:56px;margin:2px;color:#000;font-size:18px;background-color:#fdd100;cursor:pointer; border:none;}
.b_f_right{width:200px;float:right;font-size:20px; margin-right:30px;  line-height:30px; margin-top:10px;}
.b_f_right p{position: relative;font-size:28px;}
.b_f_box .close{width:20px;height:20px;cursor:pointer;position: absolute;top:5px;right:0;background:url(../images/ad_sprits.png) no-repeat center center;}
.bottom_form_btn{ width:100px;height:80px;line-height:80px;border-top-right-radius:40px;border-bottom-right-radius:40px;background:rgba(0,0,0,0.7);position: fixed;left:0;z-index:998;padding-left:40px;bottom:-100%;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;cursor:pointer;}
.bottom_form_btn p{width:100%;color:#fdd100;font-size:20px;}
.bottom_form_btn i{display:inline-block;width:100px;height:56px;position: absolute;top:30px;right:15px;margin:auto;background:url(../images/sericon_07_1.png) no-repeat center center;animation:scal 1s linear infinite;}
@keyframes scal{0%{transform:scale(0);opacity:1;}100%{transform:scale(1.2);opacity:0.5;}}
.qrcode_box{width:100%;padding:3% 0;background:url(../images/kefu_bg.jpg);}

/********图片HOV******************************/
.ih-item{position: relative; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
.ih-item,.ih-item{}
.ih-item a:hover{text-decoration: none;}
.ih-item img{width: 100%; height: 100%;}
.ih-item.square{position: relative; /*box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);*/}
.ih-item.square .info{position: absolute; top: 0; bottom: 0; left: 0; right: 0;text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.effect6 span{position:absolute;background:#fff;-webkit-transition:all 0.7s cubic-bezier(0.25,0.46,0.45,0.94);-moz-transition:all 0.7s cubic-bezier(0.25,0.46,0.45,0.94);-o-transition:all 0.7s cubic-bezier(0.25,0.46,0.45,0.94);transition:all .7s cubic-bezier(0.25,0.46,0.45,0.94)}
.effect6 .line-1{left:10%;top:10%;width:0%;height:2px}
.effect6 .line-2{right:10%;top:10%;width:2px;height:0%}
.effect6 .line-3{right:10%;bottom:10%;width:0%;height:2px}
.effect6 .line-4{left:10%;bottom:10%;width:2px;height:0%}
.effect6:hover .line-1,.effect6:hover .line-3{width:80%}
.effect6:hover .line-2,.effect6:hover .line-4{height:80%}
/***/
.ih-item.square.effect6{overflow: hidden;}
.ih-item.square.effect6.colored .info{background: #1a4a72; background: rgba(26, 74, 114, 0.6);}
.ih-item.square.effect6.colored .info h3{background: rgba(12, 34, 52, 0.6);}
.ih-item.square.effect6 .img{-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.ih-item.square.effect6 .info{background: #333333; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.ih-item.square.effect6 .info h3{position:absolute; top:40%; left:0; width:100%; text-align:center; text-transform: uppercase;line-height:30px; color: #fff; text-align: center; font-size: 16px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.ih-item.square.effect6 .info p{font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; -webkit-transition: all 0.35s 0.1s linear; -moz-transition: all 0.35s 0.1s linear; transition: all 0.35s 0.1s linear;}
.ih-item.square.effect6 a:hover .img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.ih-item.square.effect6 a:hover .info{visibility: visible; opacity: 1;}
.ih-item.square.effect6.from_top_and_bottom .info h3{-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}
.ih-item.square.effect6.from_top_and_bottom .info p{-webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);}
.ih-item.square.effect6.from_top_and_bottom a:hover .info h3,
.ih-item.square.effect6.from_top_and_bottom a:hover .info p{-webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%);}
/******anniu *************/
.button12{-webkit-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;overflow: hidden;}
.button12 span{z-index: 2;display: block;position: absolute;width: 100%;height: 100%;}
.button12::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: rgba(254,205,87,0.5);
-webkit-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);}
.button12:hover::before{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
/******尾部************/
.cnzz { position:absolute; left:0; bottom:0;}
.fd-link{line-height:36px; padding:27px 0; font-size:16px; padding-left:75px; width:1125px; position:relative;}
.fd-link:before{position:absolute; left:0; top:27px; content:"友情链接:"}
.fd-link a{display:inline-block; margin-right:14px;}
.fd-link a:hover{color:#1a73ee; text-decoration:underline;}
.foot-bg{height:342px; overflow:hidden; position:relative;}
.foot{ width:1200px; position:absolute;bottom:0; left:50%; margin-left:-600px; border-top: 1px solid #324253; height:52px; line-height:52px; font-size:14px; text-align:center; color:#bdd1e7;  z-index:30; }
.foot-top{position:absolute; left:50%; margin-left:-600px; top:0; height:290px; z-index:30;}
.foot-nav{overflow:hidden; float:left; margin-top:40px}
.foot-nav li{float:left; width:150px; font-size:14px; line-height:30px;}
.foot-nav li a{color:#bdd1e7; display:block;}
.foot-nav li h1{color:#fff; font-size:24px; padding-bottom:13px; margin-bottom:13px; position:relative}
.foot-nav li h1:before{content:""; position:absolute; left:0; bottom:0; width:20px; height:3px; background:#fff;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}
.foot-nav li a:hover{text-decoration:underline; color:#1a73ee;}
.foot-nav li a:first-child:hover{text-decoration:none;}
.foot-nav li a:hover h1:before{width:46px;}
.wei-right{margin-top:42px; float:right; width:445px; height:207px; border-left:1px solid #324253; color:#bdd1e7; line-height:28px;}
.wei-img{float:left; margin-left:50px; text-align:center; margin:0px 20px 0 20px; color:#fff;}
.wei-img2{width:112px; height:112px; position:relative}
.wei-img2 img{position:absolute; right:0; bottom:0; width:112px; height:112px; max-width: none; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}
.wei-img2:hover img{width:156px; height:156px;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}
.wei-tit{font-size:24px; margin-right:5px; color:#fff;}
.shade-bg{background:rgba(0,0,0, .5); position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:990; display:none;}
.wk-con{position:fixed; left:0; z-index:999; top:-600px; height:500px; width:100%; background:#ffffff; z-index:999;}
/*.wk-con .hy-td, .wk-con2 .hy-td{line-height:40px;}*/
.ck-close{position:absolute; top:50px; right:50px; width:44px; height:44px; background:url("../images/close.png") no-repeat; cursor:pointer; transition: all 200ms ease-in 0s; -webkit-transition: all 200ms ease-in 0s; -ms-transition: all 200ms ease-in 0s;}
.ck-close:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.drop-left{width:550px; float:left; margin-top:56px;}
.hello-con{font-size:14px; line-height:28px; color:#232e3a; border-bottom:1px solid #e1e1e1; padding:20px 0 10px;}
.hello-bom{color:#232e3a; line-height:30px; font-size:16px;}
.hello-bom h1{font-size:24px; margin:80px 0 15px;}
.drop-right{width:550px; float:right; margin-top:50px;}
.drop-tit{color:#232e3a; font-size:24px;}
.drop-table{width:520px;}
.drop-table td{padding:10px 0; line-height:40px;}
.xx-name{color:#232e3a; font-size:16px; line-height:30px; height:30px; background:url("../images/xx.jpg") right center no-repeat; padding-right:15px; display:inline-block;}
.input-box{height:40px; width:176px; position:relative;}
.input-box input,.input-box select{border:none; height:40px; line-height:40px; width:100%; color:#666; position:relative; top:1px; border-bottom:1px solid #e1e1e1;}
.input-box input:focus{border-bottom:1px solid #1a73ee;}
.sel-box{}
.sel-box .selext{}
.drop-btn{display:block; width:435px; height:60px; text-align:center; line-height:60px; background:#1a73ee; color:#232e3a; font-size:16px; cursor:pointer; border:none;}
.input-box:after{content:""; position:absolute; left:0; bottom:-2px; z-index:20; height:1px; background:#1a73ee; width:0;transition: all 200ms ease-in 0s; -webkit-transition: all 200ms ease-in 0s; -ms-transition: all 200ms ease-in 0s;}
.input-box:hover:after{width:100%;}
.wk-t{padding-left:35px; line-height:70px; border-bottom:1px solid #e2e2e2; margin-bottom:20px; line-height:70px; font-size:24px;}
.hy-area{width:410px; height:90px; line-height:22px; padding:5px 10px; resize:none; border:1px solid #c7c7c7; background:#f7f7f7; margin-right:10px; position:relative;}
.hy-area:hover{border:1px solid #3897da;}
.hy-area:focus{border:1px solid #3897da; -webkit-box-shadow:0 0 2px #3897da; -ms-box-shadow:0 0 2px #3897da; box-shadow:0 0 2px #3897da;}
.file3{position: relative; display:inline-block; width:70px; height:40px; line-height:40px; cursor:pointer; border:none; background:#3a9de2; color:#fff; display:inline-block; text-align:center; font-size:16px; margin-right:10px;}
.close-tba { right:0px; position:absolute; cursor:pointer; background-size:cover; width:32px; height:32px; top:0px;-webkit-transition: 0.4s ease-in 0s;-moz-transition: 0.4s ease-in 0s;-ms-transition: 0.4s ease-in 0s;}
.close-tba:hover {   transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.ffg-bg8 { background: #f0f0f0; position: relative;  margin-top: 50px;}

.lrf-fix{display: none;}